<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="stylesheet" href="plugins/aui-20170109-v2/css/aui.css" type="text/css"/>
    <link rel="stylesheet" href="css/lifeCircle-css.css" type="text/css" />
    <title>生活圈</title>
</head>
<body>

<header class="aui-bar aui-bar-nav aui-bar-light">
    <a class="aui-pull-left aui-btn" href="friend.html">
        <span class="aui-iconfont aui-icon-left">朋友</span>
    </a>
    <div class="aui-title">生活圈</div>
</header>

<div class="aui-searchbar" id="search">
    <div class="aui-searchbar-input aui-border-radius" tapmode onclick="doSearch()">
        <i class="aui-iconfont aui-icon-search"></i>
        <form action="javascript:search();">
            <input type="search" placeholder="搜索你感兴趣的生活圈" id="search-input">
        </form>
    </div>
</div>

<div class="aui-content aui-margin-b-15">
    <ul class="aui-list aui-media-list">
        <li class="aui-list-item">
            <div class="aui-media-list-item-inner">
                <div class="aui-list-item-media">
                    <img src="img/lifeCircle-img/shq-01.jpg">
                </div>
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-text">
                        <div class="aui-list-item-title">朋友动态</div>
                        <div class="aui-list-item-right">18/4/6</div>
                    </div>
                    <div class="aui-list-item-text">
                        李发表了新动态
                    </div>
                </div>
            </div>
        </li>
    </ul>
</div>


</body>
</html>